<template>
  <div id="confirmgit">
    <div class="layer">
      <div class="one_div">
        请确认要离开收银台？
      </div>
      <div class="two_div">
          请尽快完成任务，否则将被取消
      </div>
      <div class="three_div">
        <button>取消订单</button>
        <button>确认支付</button>
      </div>
    </div>
  </div>
</template>

<script>
  
</script>

<style>
  #confirmgit{
    background: rgba(0,0,0,0.50);
    position: fixed;
    width: 100%;
    height: 100%;
  }
  .layer{
    margin: 243px 37px 267px 37px;
    width: 301px;
    height: 157px;
    background-color: #FFFFFF;
    border-radius: 4px;
    text-align: center;
  }
  .layer .one_div{
    font-family: PingFangSC-Medium;
    font-size: 18px;
    color: #333333;
    padding-top: 24px;
  }
  .layer .two_div{
    font-family: PingFangSC-Regular;
    font-size: 14px;
    color: #666666;
    margin-top: 8px;
  }
  .layer .three_div{
  margin-top: 24px;
  }
  .layer .three_div :nth-child(1){
    border: 1px solid #4FB0F9;
    border-radius: 16px;
    font-family: PingFangSC-Regular;
    font-size: 14px;
    color: #0091FF;
    width: 80px;
    height: 32px;
    margin-right: 12px;
  }
  .layer .three_div :nth-child(2){
    background: #4FB0F9;
    border: 1px solid #4FB0F9;
    border-radius: 16px;
    font-family: PingFangSC-Regular;
    font-size: 14px;
    color: #FFFFFF;
    width: 80px;
    height: 32px;
    margin-left: 12px;
  }
</style>